<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/index.js"></script>
    <script src="js/animate.toolsB.js"></script>
    <script src="js/cookie.js"></script>
</head>
<body>
<header>
    <div class="left">
    <ul>
        <li>
            <a href="index.html">小米商城</a>
        </li>
        <li>
            <a href="#">MIUI</a>
        </li>
        <li>
            <a href="#">loT</a>
        </li>
        <li>
            <a href="#">云服务</a>
        </li>
        <li>
            <a href="#">金融</a>
        </li>
        <li>
            <a href="#">有品</a>
        </li>
        <li>
            <a href="#">小爱开放平台</a>
        </li>
        <li>
            <a href="#">政企服务</a>
        </li>
        <li>
            <a href="#">资质证照</a>
        </li>
        <li>
            <a href="#">协议规则</a>
        </li>
        <li>
            <a href="#">下载app
            <span style="width: 124px; position: absolute; top: 40px; left: 50%; padding: 18px 0px 14px; background: rgb(255, 255, 255); margin-left: -87px; box-shadow: rgb(170, 170, 170) 0px 1px 5px; display: none;" class="code">
                <em style="width:0;height:0;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #fff;position:absolute;top:-10px;left: 50px;"></em>
                <img src="img/download.png" alt="" width="90" height="90" style="display:block;margin: 0 auto;">
                <span style="display:block;text-align:center;font-size: 14px;color:#333;line-height:1;margin-top:14px">小米商城APP</span>
            </span>
            </a>
        </li>
        <li>
            <a href="#">Select Region</a>
        </li>
    </ul>
    </div>
    <div class="cart"><a href="#"><i class="icon-cart"></i>购物车(<span>0</span>)</a></div>
    <div class="right">
        <ul>
            <li>
                <a href="login.html">登录</a>
            </li>
            <li>
                <a href="#">注册</a>
            </li>
            <li>
                <a href="#">消息通知 <span></span></a>
            </li>
        </ul>
    </div>


</header>
<nav>
    <h1>
        <a href="index.html"><img src="img/mi-logo.png" alt="Logo"></a>
    </h1>
    <ul>
        <li>
            <a href="#">小米手机</a>
            <div class="item-children">
                <ul>
                    <li>
                        <a href="#"><img src="img/mix3-320.png" alt="">小米MIX 3</a>
                        <p class="price">3299元起</p>
                        <div class="flag">新品</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/qingchun-320.png" alt="">小米8 青春版</a>
                        <p class="price">1399元起</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/pc-320-220-mi8.png" alt="">小米8</a>
                        <p class="price">2699元起</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/pc-320-miplay-1.png" alt="">小米Play</a>
                        <p class="price">1099元</p>
                        <div class="flag">新品</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/pc-320-220-mi8se.png" alt="">小米8 SE</a>
                        <p class="price">1699元起</p>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a href="#">红米</a>
            <div class="item-children">
                <ul>
                    <li>
                        <a href="#"><img src="img/note7320-220.png" alt="">红米Note 7</a>
                        <p class="price">999元起</p>
                        <div class="flag">新品</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/6pro320-220.png" alt="">红米6 Pro</a>
                        <p class="price">999元起</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/666320.png" alt="">红米6</a>
                        <p class="price">799元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/6A320.png" alt="">红米6A</a>
                        <p class="price">599元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/note5-320-220.png" alt="">红米Note 5</a>
                        <p class="price">1099元起</p>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a href="#">电视</a>
            <div class="item-children">
                <ul>
                    <li>
                        <a href="#"><img src="img/4s75.png" alt="">小米电视4S 75英寸</a>
                        <p class="price">7999元</p>
                        <div class="flag">新品</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/32.png" alt="">小米电视4A 32英寸</a>
                        <p class="price">799元</p>
                        <div class="flag">热卖</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/4a43.png" alt="">小米电视4A 43英寸青春版</a>
                        <p class="price">1399元</p>
                        <div class="flag">新品</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/50.png" alt="">小米电视4A 50英寸</a>
                        <p class="price">1899元</p>
                        <div class="flag">热卖</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/4A-55.jpg" alt="">小米电视4A 55英寸</a>
                        <p class="price">2199元</p>
                        <div class="flag">热卖</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/475toutu.png" alt="">查看全部 <br/>小米电视</a>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a href="#">笔记本</a>
            <div class="item-children">
                <ul>
                    <li>
                        <a href="#"><img src="img/bijiben32012.5.jpg" alt="">小米笔记本 Air 12.5"</a>
                        <p class="price">3599元起</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/daohang13.3.jpg" alt="">小米笔记本 Air 13.3"</a>
                        <p class="price">4999元起</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/320x220biiben.png" alt="">小米笔记本 15.6"</a>
                        <p class="price">4199元起</p>
                        <div class="flag">新品</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/WechatIMG603.png" alt="">小米笔记本 Pro 15.6"</a>
                        <p class="price">5599元起</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/xinbijiben.png" alt="">小米游戏本</a>
                        <p class="price">6699元起</p>
                        <div class="flag">新品</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/pingbanok.png" alt="">小米平板</a>
                        <p class="price">1099元起</p>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a href="#">家电</a>
            <div class="item-children">
                <ul>
                    <li>
                        <a href="#"><img src="img/320_220.jpg" alt="">米家互联网洗烘一体机10kg</a>
                        <p class="price">2499元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/yijinengxiao320.jpg" alt="">米家互联网空调（一级能效）</a>
                        <p class="price">2599元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/yijinegxiaokongtiaoxin.jpg" alt="">米家互联网空调</a>
                        <p class="price">2199元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/xiaomijingshuiqi.jpg" alt="">小米净水器</a>
                        <p class="price">1999元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/saodijiqiren320-220.jpg" alt="">米家扫地机器人</a>
                        <p class="price">1699元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/xinfeng.jpg" alt="">新风机</a>
                        <p class="price">2499元</p>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a href="#">新品</a>
            <div class="item-children">
                <ul>
                    <li>
                        <a href="#"><img src="img/pc-320-miplay-1.png" alt="">小米Play</a>
                        <p class="price">1099元</p>
                        <div class="flag">新品</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/mix3-320.png" alt="">小米MIX 3</a>
                        <p class="price">3299元起</p>
                        <div class="flag">新品</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/air-1.png" alt="">小米蓝牙耳机Air</a>
                        <p class="price">399元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/hd-1.png" alt="">小米小爱音箱HD</a>
                        <p class="price">599元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/pro-1.png" alt="">米家台灯Pro</a>
                        <p class="price">349元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/zhu-1.png" alt="">米家飞天猪足金吊坠</a>
                        <p class="price">799元</p>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a href="#">路由器</a>
            <div class="item-children">
                <ul>
                    <li>
                        <a href="#"><img src="img/xiaomiluyouqi4.png" alt="">小米路由器 4</a>
                        <p class="price">199元</p>
                        <div class="flag">双频双核</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/luyouqi41C.jpg" alt="">小米路由器 4C</a>
                        <p class="price">99元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/3A.png" alt="">小米路由器 3A</a>
                        <p class="price">139元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/3G.png" alt="">小米路由器 3G</a>
                        <p class="price">249元</p>
                        <div class="flag">双千兆</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/PRO.png" alt="">小米路由器 HD/Pro</a>
                        <p class="price">499元起</p>
                        <div class="flag">大容量</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/quanbuluyouqi.png" alt="">查看全部小米路由器</a>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a href="#">智能硬件</a>
            <div class="item-children">
                <ul>
                    <li>
                        <a href="#"><img src="img/yuntai.jpg" alt="">小米米家智能摄像机云台版</a>
                        <p class="price">199元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/xishouj.jpg" alt="">米家自动洗手机套装</a>
                        <p class="price">79元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/airdots.jpg" alt="">小米蓝牙耳机AirDots青春版</a>
                        <p class="price">199元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/xiaoaimini.jpg" alt="">小米小爱音箱miniy</a>
                        <p class="price">169元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/tixudao.jpg" alt="">米家电动剃须刀</a>
                        <p class="price">199元</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/shouhuanNFC.jpg" alt="">查看全部 <br/>智能硬件</a>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a href="#">服务</a>
            <div class="item-children" style="border:none"></div>
        </li>
        <li>
            <a href="#">社区</a>
            <div class="item-children" style="border:none"></div>
        </li>
    </ul>
    <div class="search">
        <input type="text"/>
        <button class="icon-search"></button>
    </div>
</nav>
<div class="class_home">
    <div class="class_bar">
        <ul>
            <li>
                <span>手机&nbsp;电话卡
                <i class="icon-circle-right"></i>
                </span>
                <div class="class_children">
                    <ul>
                        <li>
                            <a href="#"><img src="img/mix3-80.png" alt="mix3"><span>小米MIX 3</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/max3-80-80.png" alt="max3"><span>小米MAX 3</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/666666.png" alt="redmi6"><span>红米6</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/mimobile.jpg" alt="mob"><span>小米移动 电话卡</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/qingchun-80.png" alt="qingchun"><span>小米8 青春版</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/80808080808080.jpg" alt="6X"><span>小米6X</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/6AAAA.png" alt="6A"><span>红米6A</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/weixiu80-80.png" alt="weixiu"><span>手机上门维修</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/pingmu-80.png" alt="pingmu"><span>小米8 屏幕指纹版</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/heishahelo-80.png" alt="heisha"><span>黑鲨游戏手机 Helo</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/note5-80-80.png" alt="note5"><span>红米note 5</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/yunfuwu.jpg" alt="yueka"><span>云服务空间月卡</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/m8-80.png" alt="mi8"><span>小米8</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/heisha-80.png" alt="youxi"><span>黑鲨游戏手机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/80.jpg" alt="4G"><span>移动4G+专区</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/m8se-80.png" alt="mi8se"><span>小米8 SE</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/note780-80.png" alt="note7"><span>红米note 7</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/compare.jpg" alt="duibi"><span>对比手机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/mix2s80-80white.png" alt="mix2s"><span>小米MIX 2S</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/6pro140-140.png" alt="6pro"><span>红米6 Pro</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/mifenka-1.jpg" alt="mika"><span>米粉卡 日租卡</span></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <span>电视&nbsp;盒子
                    <i class="icon-circle-right"></i>
                </span>
                <div class="class_children">
                    <ul>
                        <li>
                            <a href="#"><img src="img/mijiajiguang4k.jpg" alt="touying"><span>米家激光投影电视</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4A-32.png" alt="tv4a-32"><span>小米电视4A 32英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4A-43QC.png" alt="tv4a-43qc"><span>小米电视4A 43英寸青春版</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4A-50.png" alt="4a-50"><span>小米电视4A 50英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/55120120.png" alt="4a-55"><span>小米电视4A 55英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4A-58-x.png" alt="4a-58"><span>小米电视4A 58英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/65120_120.png" alt="4a-65"><span>小米电视4A 65英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4C-32.png" alt="4c-32"><span>小米电视4C 32英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/4c-40.jpg" alt="4c-40"><span>小米电视4C 40英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4C-43.png" alt="4c-43"><span>小米电视4C 43英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4C-50.png" alt="4c-50"><span>小米电视4C 50英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4X-43xin.png" alt="4x-43"><span>小米电视4X 43英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4X-55.png" alt="4x-55"><span>小米电视4X 55英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TVTYB.png" alt="tyb"><span>小米电视 体育版</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4-55.png" alt="4-55"><span>小米电视4 55英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/65yiti.jpg" alt="65qj"><span>小米电视4 65英寸旗舰版</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4S-32.png" alt="4s-32"><span>小米电视4S 32英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4S-50.png" alt="4s-50"><span>小米电视4S 50英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4s-55xin.jpg" alt="4s-55"><span>小米电视4S 55英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4S-55Q.png" alt="4s-55qm"><span>小米电视4S 55英寸曲面</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4S-65.png" alt="4s-65"><span>小米电视4S 65英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/TV4S-65PRO.png" alt="4s-65pro"><span>小米电视4S 65英寸PRO</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/4s75xin.jpg" alt="4s-75"><span>小米电视4S 75英寸</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/hezibai480_80.jpg" alt="hezi"><span>小米盒子</span></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <span>笔记本&nbsp;平板
                <i class="icon-circle-right"></i>
                </span>
                <div class="class_children">
                    <ul>
                        <li>
                            <a href="#"><img src="img/bijiben80.jpg" alt="15.6"><span>小米笔记本 15.6"</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/80x80.png" alt="13.3"><span>小米笔记本 13.3"</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/bijiben80 (1).jpg" alt="12.5"><span>小米笔记本 12.5"</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/youxiben-80.jpg" alt="youxiben"><span>小米游戏本</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/pingban2.jpg" alt="pingban4"><span>小米平板4</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/yuemijianpan80.jpg" alt="jianpan"><span>键盘</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/wxsb80.png" alt="shubiao"><span>鼠标/鼠标垫</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/usbzjqggg80.jpg" alt="usbzjq"><span>转接器</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/xiaomipingbanpeijian80.jpg" alt="peijian"><span>平板配件</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/bijibenshuangjianbao80.jpg" alt="shuangjian"><span>笔记本双肩包</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/neidanbao80.jpg" alt="neidan"><span>小米笔记本内胆包</span></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <span>家电&nbsp;插线板
                <i class="icon-circle-right"></i>
                </span>
                <div class="class_children">
                    <ul>
                        <li>
                            <a href="#"><img src="img/xiyiji.jpg" alt="xihong"><span>米家互联网洗烘一体机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/yijikongtiao80.jpg" alt="yiji"><span>米家互联网空调一级能效</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/kongtiaoguan140.png" alt="hulianwang"><span>米家互联网空调</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/mijiakongtiao.jpg" alt="kongtiao"><span>米家空调</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/jingshuiqi80haha.jpg" alt="jingshuiqi"><span>净水器</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/lvxinbashi.png" alt="lvxin"><span>净水器滤芯</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/jiqiren.jpg" alt="jqr"><span>扫地机器人</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/saodipeijian-80.jpg" alt="saodipeijian"><span>扫地机配件</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/jinghuaqi2S-80.jpg" alt="kongqijh"><span>空气净化器</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/yalidianfanbao-80.jpg" alt="dianfan"><span>电饭煲</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/diancilu-80.jpg" alt="dianci"><span>电磁炉</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/tangguo-80.jpg" alt="chufang"><span>厨房用具</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/dianshuihu-80.jpg" alt="dianshui"><span>电水壶</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/lvshuihu80.jpg" alt="lvshui"><span>滤水壶</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/mijiadianfengshan80.png" alt="luodi"><span>落地风扇</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/touyingqingchun.png" alt="touying"><span>投影仪</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/xidingdeng-80.jpg" alt="dengju"><span>灯具</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/chaxianban80.jpg" alt="chaxian"><span>插线板</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/xinfengji.jpg" alt="xinfen"><span>新风机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/diannuanqi.jpg" alt="diannuan"><span>电暖器</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/yalidianfan.jpg" alt="dianyali"><span>电压力锅</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/liaoliji.jpg" alt="liaoli"><span>料理机</span></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <span>出行&nbsp;穿戴<i class="icon-circle-right"></i></span>
                <div class="class_children">
                    <ul>
                        <li>
                            <a href="#"><img src="img/shouhuan3.jpg" alt="watch"><span>手环手表</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/VRyitiji80.jpg" alt="vr"><span>VR</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/scooter-80.jpg" alt="pinheng"><span>平衡车</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/scooter2-80.jpg" alt="huaban"><span>滑板车</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/zxc80-80.jpg" alt="zixing"><span>自行车</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/chezainibianqi80.jpg" alt="nibian"><span>车载逆变器</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/peijian80.jpg" alt="pinghengpj"><span>平衡车配件</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/mirror-80.jpg" alt="mirror"><span>智能后视镜</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/jiluyi.jpg" alt="jilu"><span>智能记录仪</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/chezaikongjing.jpg" alt="chezaijinghua"><span>车载空气净化器</span></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <span>智能&nbsp;路由器<i class="icon-circle-right"></i></span>
                <div class="class_children">
                    <ul>
                        <li>
                            <a href="#"><img src="img/zhaopiandayinj.jpg" alt="printer"><span>打印机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/luyouqi4_80.jpg" alt="luyou"><span>路由器</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/duijiangji.jpg" alt="duijiang"><span>对讲机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/zhinengjiating80.jpg" alt="zhinengjiating"><span>智能家庭</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/wurenji80.jpg" alt="wurenji"><span>无人机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/camera-head-80.jpg" alt="shexiang"><span>摄像机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/camera-small-80.jpg" alt="zhaoxiangji"><span>照相机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/mensuo.jpg" alt="zhinengmensuo"><span>智能门锁</span></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <span>电源&nbsp;配件<i class="icon-circle-right"></i></span>
                <div class="class_children">
                    <ul>
                        <li>
                            <a href="#"><img src="img/dianyuan2.100080.jpg" alt="yidong"><span>移动电源</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/shujuxian-80.jpg" alt="shuju"><span>数据线</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/chezaichongdianqi80.jpg" alt="chechong"><span>车充</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/chongdianqi-80.jpg" alt="chongdianqi"><span>充电器</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/wuxianchong80.jpg" alt="wuxianchong"><span>无线充</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/7Battery1.jpg" alt="dianchi"><span>电池</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/zipaigan80.jpg" alt="zipai"><span>自拍杆</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/cunchu80x80.jpg" alt="cunchuka"><span>存储卡</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/baohu.jpg" alt="shoujike"><span>手机壳</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/tiemo.jpg" alt="tiemo"><span>手机贴膜</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/shoujizhijia80.jpg" alt="shoujizhijia"><span>手机支架</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/pingban80.jpg" alt="pingban80"><span>平板配件</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/heishashoubing80.jpg" alt="heishapeijian"><span>黑鲨配件</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/qitapeijian80.jpg" alt="qita"><span>其他配件</span></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <span>健康&nbsp;儿童<i class="icon-circle-right"></i></span>
                <div class="class_children">
                    <ul>
                        <li>
                            <a href="#"><img src="img/xishouji.jpg" alt="xishou"><span>洗手机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/tixvdao80.jpg" alt="tixu"><span>剃须刀</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/riguang.jpg" alt="riguang"><span>日光镜</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/yashua80.jpg" alt="yashua"><span>牙刷</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/chuifengji.jpg" alt="chuifeng"><span>吹风机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/scale.jpg" alt="tizhong"><span>体重秤</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/xueyaji80.jpg" alt="xueya"><span>血压计</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/tiwenji80.jpg" alt="tiwen"><span>体温计</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/mitugushi-80.jpg" alt="zaojiao"><span>早教早智</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/XIAOFEIJIBASHI.jpg" alt="yaokong"><span>遥控电动</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/toyblock2-80.jpg" alt="jimu"><span>益智积木</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/shoubiao280.jpg" alt="shoubiao"><span>儿童手表</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/huabanche80.jpg" alt="ertonghbc"><span>儿童滑板车</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/laganxiang.jpg" alt="lagan"><span>米兔拉杆箱</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/tuiche.jpg" alt="baby"><span>婴儿推车</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/shubao2.jpg" alt="bag"><span>儿童书包</span></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <span>耳机&nbsp;音箱<i class="icon-circle-right"></i></span>
                <div class="class_children">
                    <ul>
                        <li>
                            <a href="#"><img src="img/xiaoaimini-08.jpg" alt="mini"><span>小米小爱音箱mini</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/erji80.jpg" alt="线控"><span>线控耳机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/80xiangquan.jpg" alt="lanya"><span>蓝牙耳机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/toudai80.jpg" alt="toudai"><span>头戴耳机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/pinpai80.jpg" alt="pinpai"><span>品牌耳机</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/800-800-3.jpg" alt="lanyayinxiang"><span>蓝牙音箱</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/xiaoai.jpg" alt="ai"><span>小米AI音箱</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/xiaoaiyinxhd.jpg" alt="hd"><span>小米小爱音箱HD</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/kgeerji.jpg" alt="kge"><span>小米蓝牙耳机(K歌版)</span></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <span>生活&nbsp;箱包<i class="icon-circle-right"></i></span>
                <div class="class_children">
                    <ul>
                        <li>
                            <a href="#"><img src="img/xiangbao-80.jpg" alt="shuangjianbao"><span>双肩包</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/qianbao-80.jpg" alt="qianbao"><span>钱包</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/shounabao-80.jpg" alt="shouna"><span>收纳包</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/shounabao-801.jpg" alt="lvxing"><span>旅行箱</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/shenhuahui80.jpg" alt="sports"><span>运动鞋</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/txv80.jpg" alt="fushi"><span>服饰</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/tyj80.jpg" alt="yanjing"><span>眼镜</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/chuangdian-80-80.jpg" alt="chuangdian"><span>床垫</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/zhent.ou80.png" alt="zhentou"><span>枕头</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/shafa.80.png" alt="shafa"><span>沙发</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/jinmitu.jpg" alt="shipin"><span>饰品</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/luosidao-80.jpg" alt="luosidao"><span>螺丝刀</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/bbbbei.jpg" alt="baowen"><span>保温杯</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/umbrella.jpg" alt="san"><span>伞</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/quwenqi.jpg" alt="quwenqi"><span>驱蚊器</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/ukelele.jpg" alt="ukelele"><span>尤克里里</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/maojinmaojin (1).jpg" alt="maojin"><span>毛巾/浴巾</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/mitu-80.jpg" alt="mitu"><span>米兔</span></a>
                        </li>
                        <li>
                            <a href="#"><img src="img/qianzibi-80.jpg" alt="qianzibi"><span>签字笔</span></a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>

</div>
<div class="rotation">
    <ul>
        <li class="current"><img src="img/banner1.jpg" alt=""></li>
        <li><img src="img/banner2.jpg" alt=""></li>
        <li><img src="img/banner3.jpg" alt=""></li>
        <li><img src="img/banner4.jpg" alt=""></li>
        <li><img src="img/banner5.jpg" alt=""></li>
    </ul>
</div>
<div class="box"></div>
<div class="arrow">
    <span id="arrow_left"></span>
    <span id="arrow_right"></span>
</div>
<div class="circle">
    <span class="current"></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</div>
<div class="home_sub">
    <div class="home_side">
        <ul>
            <li>
                <a href="#">
                    <i class="icon-mobile"></i>
                    <p>选购手机</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon-gift"></i>
                    <p>企业团购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon-facebook"></i>
                    <p>F码通道</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon-floppy-disk"></i>
                    <p>米粉卡</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon-spinner4"></i>
                    <p>以旧换新</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon-credit-card"></i>
                    <p>花费充值</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="home_content">
        <ul>
            <li>
                <a href="#"><img src="img/xmad_15381015157577_Xqwkx.jpg" alt="qc"></a>
            </li>
            <li>
                <a href="#"><img src="img/xmad_15410030018854_yBESF.jpg" alt="ai"></a>
            </li>
            <li>
                <a href="#"><img src="img/xmad_15410599481599_tPFSB.jpg" alt="nfc"></a>
            </li>
        </ul>
    </div>
</div>
<div class="fastbuy">
    <div class="fast_hd">
        <h2>小米闪购</h2>
        <div class="more">
            <i class="icon-circle-left more_left"></i>
            <i class="icon-circle-right more_right"></i>
        </div>
    </div>
    <div class="fast_bd">
        <div class="time">
            <p>14:00 场</p>
            <img src="img/flashpurchase.png" alt="">
            <p>距离结束还有</p>
            <div class="time_up">
                <div class="hour" style="display:inline-block">00</div>
                <div class="maohao" style="display:inline-block">:</div>
                <div class="minute" style="display:inline-block">00</div>
                <div class="maohao" style="display:inline-block">:</div>
                <div class="second" style="display:inline-block">00</div>
            </div>
        </div>
        <div class="product">
            <ul class="product_more">
                <li>
                    <a href="#">
                        <img src="img/pms_1522204891.32862445.png" alt="">
                        <h3>米家电动剃须刀 黑色</h3>
                        <p>剃得干净,剃得快</p>
                        <span>9.9元</span>
                        <s>199元</s>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1539051273.95659582.png" alt="">
                        <h3>小米米家行车记录仪1S 黑色</h3>
                        <p>1080P 星光夜视 夜拍更清晰</p>
                        <span>319元</span>
                        <s>349元</s>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/4b2928c1-979c-d268-0089-336b4aa7775b.png" alt="">
                        <h3>米家床头灯 金色</h3>
                        <p>如梦如幻,多彩光世界</p>
                        <span>218元</span>
                        <s>249元</s>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1540448680.70719268.png" alt="">
                        <h3>米家智能家庭家具温控套装</h3>
                        <p>智能家庭家居温控</p>
                        <span>289元</span>
                        <s>326元</s>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1534497446.29643907.png" alt="">
                        <h3>小方智能1S 白色</h3>
                        <p>1080清晰画质,安全看家</p>
                        <span>95元</span>
                        <s>99元</s>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1531448945.25069427.png" alt="">
                        <h3>米家石英表 黑色</h3>
                        <p>腕上的科技与美学</p>
                        <span>329元</span>
                        <s>349元</s>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1512702607.05524534.png" alt="">
                        <h3>保温杯 白色</h3>
                        <p>12小时保温保冷</p>
                        <span>89元</span>
                        <s>99元</s>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/T1Z7VvBvdv1RXrhCrK.png" alt="">
                        <h3>小米水质TDS检测笔 白色</h3>
                        <p>准确检测家中水质纯度</p>
                        <span>9.9元</span>
                        <s>39元</s>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/fa55bc47-3fb8-c007-9195-fe1cf628030c.png" alt="">
                        <h3>小米路由器Pro 星空灰</h3>
                        <p>全新一代智能家庭中心</p>
                        <span>429元</span>
                        <s>499元</s>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/553e9c2b-0023-e9a7-3bdb-26ec66a4007c.png" alt="">
                        <h3>小米移动电源10000mAh高配...</h3>
                        <p>轻薄设计,轻松出行</p>
                        <span>139元</span>
                        <s>149元</s>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/886398bf-4a47-4e74-e7f9-cbd7528e6e32.png" alt="">
                        <h3>小米移动电源10000mAh高配...</h3>
                        <p>轻薄设计,轻松出行</p>
                        <p>轻薄设计,轻松出行</p>
                        <span>139元</span>
                        <s>149元</s>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/26f35fd6-ad98-8c3b-8d38-84c797ac7dd2.png" alt="">
                        <h3>8H护颈胶枕</h3>
                        <p>多重新科技 升级好睡眠</p>
                        <span>199元</span>
                        <s>239元</s>
                    </a>
                </li>
            </ul>
        </div>


</div>
    <div class="heisha">
        <img src="img/xmad_15471739714866_ZQWjM.jpg" alt="">
    </div>
</div>
<div class="page_container">
<div class="page_main">
<div class="mobile">
    <div class="mobile_hd">
        <h2>手机</h2>
        <a href="#">
            <span>查看全部</span>
            <i class="icon-circle-right"></i>
        </a>
    </div>
    <div class="mobile_con">
        <div class="mobile_left">
            <a href="#"><img src="img/xmad_1544580545953_UvEXK.jpg" alt=""></a>
        </div>
        <div class="mobile_right">
            <ul>
                <li>
                    <a href="#"><img src="img/pms_1537323963.1278763!220x220.jpg" alt="">
                        <h4>小米8 青春版 4GB+64GB</h4>
                        <p>潮流镜面渐变色,2400万自拍旗舰</p>
                        <span>1299元</span>
                        <s>1399元</s>
                    </a>
                </li>
                <li>
                    <a href="#"><img src="img/pms_1545457703.71734471!220x220.png" alt="">
                        <h4>小米Play</h4>
                        <p>内置每月10GB高速流量,高颜值流光...</p>
                        <span>1099元</span>
                    </a>
                </li>
                <li>
                    <a href="#"><img src="img/pms_1527685277.65255600!220x220.jpg" alt="">
                        <h4>小米8 SE 6GB+64GB</h4>
                        <p>AI超感光双摄,三星AMOLED屏幕</p>
                        <span>1699元</span>
                        <s>1999元</s>
                    </a>
                </li>
                <li>
                    <a href="#"><img src="img/pms_1522034061.12391230!220x220.jpg" alt="">
                        <h4>小米MIX 2S 8GB+256GB</h4>
                        <p>骁龙845 年度旗舰处理器,艺术品般...</p>
                        <span>3399元</span>
                        <s>3999元</s>
                    </a>
                </li>
                <li>
                    <a href="#"><img src="img/pms_1524621350.77238418!220x220.jpg" alt="">
                        <h4>小米6X 6GB+128GB</h4>
                        <p>轻薄美观的拍照手机</p>
                        <span>1499元</span>
                        <s>1999元</s>
                    </a>
                </li>
                <li>
                    <a href="#"><img src="img/pms_1531878001.22998509!220x220.jpg" alt="">
                        <h4>小米Max 3 4GB+64GB</h4>
                        <p></p>
                        <span>1599元</span>
                        <s>1699元</s>
                    </a>
                </li>
                <li>
                    <a href="#"><img src="img/pms_1529635747.42979757!220x220.jpg" alt="">
                        <h4>红米6 Pro</h4>
                        <p>高颜值大电量 红米旗舰</p>
                        <span>1029元</span>
                        <s>1299元</s>

                    </a>
                </li>
                <li>
                    <a href="#"><img src="img/pms_1528719461.20891365!220x220.jpg" alt="">
                        <h4>红米6A 2GB+16GB</h4>
                        <p></p>
                        <span>549元</span>
                        <s>599元</s>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="img_1">
    <img src="img/xmad_15486596829568_opVwS.jpg" alt="">
</div>
<div class="e_equipment">
    <div class="equipment_hd">
        <h2>家电</h2>
        <ul>
            <li class="current">
                热门
            </li>
            <li>
                电视影音
            </li>
            <li>
                电脑
            </li>
            <li>
                家居
            </li>
        </ul>
    </div>
    <div class="equipment_con">
        <div class="equipment_left">
            <ul>
                <li>
                    <a href="#"><img src="img/xmad_15232433421155_vCzhJ.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="img/xmad_15123939053142_dFlAw.jpg" alt=""></a>
                </li>
            </ul>
        </div>
        <div class="equipment_right">
            <ul class="current">
                <li>
                    <a href="#">
                        <img src="img/pms_1532079051.54116111!220x220.jpg" alt="">
                        <h4>米家互联网空调</h4>
                        <p>1.5匹变频/高效制冷热/AI远程控制</p>
                        <span>2299元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1547450131.90883073!220x220.jpg" alt="">
                        <h4>米家激光投影电视 4K</h4>
                        <p></p>
                        <span>14999元</span>
                    </a>
                    <div class="liuhai" style="background:#83c44e;">新品</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/xmad_15350951136177_QUuVm.png" alt="">
                        <h4>15.6"笔记本 i5 4G MX110</h4>
                        <p></p>
                        <span>4199元</span>
                    </a>
                    <div class="liuhai" style="background:#83c44e;">新品</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1524636075.71677607!220x220.jpg" alt="">
                        <h4>13.3"小米笔记本Air 四核i7 8G 2...</h4>
                        <p></p>
                        <span>5999元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/xmad_14972549116226_tZpod.png" alt="">
                        <h4>米家空气净化器Pro</h4>
                        <p>OLED显示屏幕/激光颗粒物传感器</p>
                        <span>1499元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1504498936.11861982!220x220.jpg" alt="">
                        <h4>米家电水壶</h4>
                        <p>一杯水,是一家人的安心</p>
                        <span>99元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/xmad_15281923207128_rOfDp.png" alt="">
                        <h4>米家LED吸顶灯</h4>
                        <p>用光线,还原理想生活</p>
                        <span>399元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1521634907.16181074!220x220.jpg" alt="" style="width: 80px;height: 80px;">
                        <h4>小米净水器...</h4>
                        <span>1999元</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>浏览更多</h3>
                        <p>热门</p>
                        <i class="icon-arrow-right2"></i>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="#">
                        <img src="img/pms_1539315570.63599432!220x220.jpg" alt="">
                        <h4>小米电视4X 43英寸</h4>
                        <p></p>
                        <span>1499元</span>
                        <s>1599</s>
                    </a>
                    <div class="liuhai" style="background:#83c44e;">新品</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1510111588.69169839!220x220.jpg" alt="">
                        <h4>小米电视4 55英寸</h4>
                        <p>4.9mm 极超薄机身/2GB+8GB 大内...</p>
                        <span>3699元</span>
                        <s>3999</s>
                    </a>
                    <div class="liuhai" style="background:#e53935;">减300元</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1500287084.72131750!220x220.jpg" alt="">
                        <h4>小米电视4A 32英寸</h4>
                        <p>64位四核处理器/1GB+4GB大内存</p>
                        <span>899元</span>
                        <s>999</s>
                    </a>
                    <div class="liuhai" style="background:#e53935;">减100元</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1522318330.86967810!220x220.jpg" alt="">
                        <h4>小米电视4C 50英寸</h4>
                        <p>4K HDR/人工智能语音</p>
                        <span>1999元</span>
                        <s>2199</s>
                    </a>
                    <div class="liuhai" style="background:#e53935;">减200元</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1539855763.04646220!220x220.jpg" alt="">
                        <h4>小米电视4A 58英寸</h4>
                        <p></p>
                        <span>2699元</span>
                        <s>2999</s>
                    </a>
                    <div class="liuhai" style="background:#83c44e;">新品</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1540366231.87578189!220x220.jpg" alt="">
                        <h4>小米电视4 65英寸全面屏旗舰版</h4>
                        <p></p>
                        <span>5999元</span>
                    </a>
                    <div class="liuhai" style="background:#83c44e;">新品</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1499072633.96298268!220x220.jpg" alt="">
                        <h4>小米盒子3 增强版</h4>
                        <p>高端 4K 网络机顶盒</p>
                        <span>399元</span>
                        <s>449</s>
                    </a>
                    <div class="liuhai" style="background:#e53935;">减50元</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1479190789.95594557!220x220.jpg" alt="">
                        <h4>小米盒子3s</h4>
                        <span>299元</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>浏览更多</h3>
                        <p>电视影音</p>
                        <i class="icon-arrow-right2"></i>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="#">
                        <img src="img/pms_1533266333.04566853!220x220.jpg" alt="">
                        <h4>15.6 Pro i5 8G 1050MAX-Q 256G</h4>
                        <p></p>
                        <span>6299元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1525231579.56571137!220x220.jpg" alt="">
                        <h4>13.3"小米笔记本Air 四核i7 8G 2...</h4>
                        <p></p>
                        <span>5999元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1533196142.85059414!220x220.png" alt="">
                        <h4>小米游戏本15.6"8代i7 16G 1T+...</h4>
                        <p></p>
                        <span>8999元</span>
                    </a>
                    <div class="liuhai" style="background:#83c44e;">新品</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1524636075.71677607!220x220.jpg" alt="">
                        <h4>13.3"小米笔记本Air 四核i7 8G 2...</h4>
                        <p></p>
                        <span>5999元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1490595812.95661863!220x220.png" alt="">
                        <h4>小米无线鼠标</h4>
                        <p>耐脏亲肤图层,人体工学设计</p>
                        <span>69元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1478248566.62624407!220x220.jpg" alt="">
                        <h4>小米便携鼠标</h4>
                        <p>轻薄便携,铝合金外壳+ABS 材质</p>
                        <span>99元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1490702347.3628109!220x220.png" alt="">
                        <h4>悦米机械键盘</h4>
                        <p>铝合金机身,TTC红轴,87键</p>
                        <span>289元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1469523170.25518983!220x220.jpg" alt="">
                        <h4>多功能转接器</h4>
                        <span>149元</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>浏览更多</h3>
                        <p>电脑</p>
                        <i class="icon-arrow-right2"></i>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="#">
                        <img src="img/pms_1465366178.11466342!220x220.jpg" alt="">
                        <h4>米家恒温电水壶</h4>
                        <p>水温智能控制,304不锈钢内胆</p>
                        <span>199元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1506417289.23728408!220x220.jpg" alt="">
                        <h4>小米随身手电筒</h4>
                        <p>11档调光,随心而亮</p>
                        <span>79元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1472609961.95298675!220x220.jpg" alt="">
                        <h4>米家扫地机器人</h4>
                        <p>智能路径规划,扫得干净扫得快</p>
                        <span>1699元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1510020567.64467830!220x220.jpg" alt="">
                        <h4>小米米家空气净化器2S</h4>
                        <p>OLED显示屏/激光颗粒物传感器</p>
                        <span>899元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/T1OVC_ByY_1RXrhCrK!220x220.jpg" alt="">
                        <h4>米家压力IH电饭煲</h4>
                        <p>智能烹饪,灰铸铁粉体涂层内胆</p>
                        <span>999元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1496647119.81414190!220x220.jpg" alt="">
                        <h4>飞利浦智睿球泡灯</h4>
                        <p>自由调节亮度,Wi-Fi随时调控</p>
                        <span>49元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1495520422.36514041!220x220.jpg" alt="">
                        <h4>米家LED智能台灯</h4>
                        <p>无可视频闪,四种场景优化调光</p>
                        <span>169元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1490756071.3088664!220x220.png" alt="">
                        <h4>Yeeling LE...</h4>
                        <span>379元</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>浏览更多</h3>
                        <p>家居</p>
                        <i class="icon-arrow-right2"></i>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="img_2">
    <img src="img/xmad_15484017634687_Vxaol.jpg" alt="">
</div>
<div class="martch">
    <div class="martch_hd">
        <h2>搭配</h2>
        <ul>
            <li class="current">
                热门
            </li>
            <li>
                耳机音箱
            </li>
            <li>
                电池
            </li>
            <li>
                电池存储卡
            </li>
        </ul>
    </div>
    <div class="martch_con">
        <div class="martch_left">
            <ul class="current">
                <li>
                    <a href="#"><img src="img/xmad_15338967362713_dmRBh.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="img/xmad_15471386091556_vbjtN.jpg" alt=""></a>
                </li>
            </ul>
        </div>
        <div class="martch_right">
            <ul class="current">
                <li>
                    <a href="#">
                        <img src="img/pms_1532079051.54116111!220x220.jpg" alt="">
                        <h4>米家互联网空调</h4>
                        <p>1.5匹变频/高效制冷热/AI远程控制</p>
                        <span>2299元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1547450131.90883073!220x220.jpg" alt="">
                        <h4>米家激光投影电视 4K</h4>
                        <p></p>
                        <span>14999元</span>
                    </a>
                    <div class="liuhai" style="background:#83c44e;">新品</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/xmad_15350951136177_QUuVm.png" alt="">
                        <h4>15.6"笔记本 i5 4G MX110</h4>
                        <p></p>
                        <span>4199元</span>
                    </a>
                    <div class="liuhai" style="background:#83c44e;">新品</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1524636075.71677607!220x220.jpg" alt="">
                        <h4>13.3"小米笔记本Air 四核i7 8G 2...</h4>
                        <p></p>
                        <span>5999元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/xmad_14972549116226_tZpod.png" alt="">
                        <h4>米家空气净化器Pro</h4>
                        <p>OLED显示屏幕/激光颗粒物传感器</p>
                        <span>1499元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1504498936.11861982!220x220.jpg" alt="">
                        <h4>米家电水壶</h4>
                        <p>一杯水,是一家人的安心</p>
                        <span>99元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/xmad_15281923207128_rOfDp.png" alt="">
                        <h4>米家LED吸顶灯</h4>
                        <p>用光线,还原理想生活</p>
                        <span>399元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1521634907.16181074!220x220.jpg" alt="" style="width: 80px;height: 80px;">
                        <h4>小米净水器...</h4>
                        <span>1999元</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>浏览更多</h3>
                        <p>热门</p>
                        <i class="icon-arrow-right2"></i>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="#">
                        <img src="img/pms_1539315570.63599432!220x220.jpg" alt="">
                        <h4>小米电视4X 43英寸</h4>
                        <p></p>
                        <span>1499元</span>
                        <s>1599</s>
                    </a>
                    <div class="liuhai" style="background:#83c44e;">新品</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1510111588.69169839!220x220.jpg" alt="">
                        <h4>小米电视4 55英寸</h4>
                        <p>4.9mm 极超薄机身/2GB+8GB 大内...</p>
                        <span>3699元</span>
                        <s>3999</s>
                    </a>
                    <div class="liuhai" style="background:#e53935;">减300元</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1500287084.72131750!220x220.jpg" alt="">
                        <h4>小米电视4A 32英寸</h4>
                        <p>64位四核处理器/1GB+4GB大内存</p>
                        <span>899元</span>
                        <s>999</s>
                    </a>
                    <div class="liuhai" style="background:#e53935;">减100元</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1522318330.86967810!220x220.jpg" alt="">
                        <h4>小米电视4C 50英寸</h4>
                        <p>4K HDR/人工智能语音</p>
                        <span>1999元</span>
                        <s>2199</s>
                    </a>
                    <div class="liuhai" style="background:#e53935;">减200元</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1539855763.04646220!220x220.jpg" alt="">
                        <h4>小米电视4A 58英寸</h4>
                        <p></p>
                        <span>2699元</span>
                        <s>2999</s>
                    </a>
                    <div class="liuhai" style="background:#83c44e;">新品</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1540366231.87578189!220x220.jpg" alt="">
                        <h4>小米电视4 65英寸全面屏旗舰版</h4>
                        <p></p>
                        <span>5999元</span>
                    </a>
                    <div class="liuhai" style="background:#83c44e;">新品</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1499072633.96298268!220x220.jpg" alt="">
                        <h4>小米盒子3 增强版</h4>
                        <p>高端 4K 网络机顶盒</p>
                        <span>399元</span>
                        <s>449</s>
                    </a>
                    <div class="liuhai" style="background:#e53935;">减50元</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1479190789.95594557!220x220.jpg" alt="">
                        <h4>小米盒子3s</h4>
                        <span>299元</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>浏览更多</h3>
                        <p>电视影音</p>
                        <i class="icon-arrow-right2"></i>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="#">
                        <img src="img/pms_1533266333.04566853!220x220.jpg" alt="">
                        <h4>15.6 Pro i5 8G 1050MAX-Q 256G</h4>
                        <p></p>
                        <span>6299元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1525231579.56571137!220x220.jpg" alt="">
                        <h4>13.3"小米笔记本Air 四核i7 8G 2...</h4>
                        <p></p>
                        <span>5999元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1533196142.85059414!220x220.png" alt="">
                        <h4>小米游戏本15.6"8代i7 16G 1T+...</h4>
                        <p></p>
                        <span>8999元</span>
                    </a>
                    <div class="liuhai" style="background:#83c44e;">新品</div>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1524636075.71677607!220x220.jpg" alt="">
                        <h4>13.3"小米笔记本Air 四核i7 8G 2...</h4>
                        <p></p>
                        <span>5999元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1490595812.95661863!220x220.png" alt="">
                        <h4>小米无线鼠标</h4>
                        <p>耐脏亲肤图层,人体工学设计</p>
                        <span>69元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1478248566.62624407!220x220.jpg" alt="">
                        <h4>小米便携鼠标</h4>
                        <p>轻薄便携,铝合金外壳+ABS 材质</p>
                        <span>99元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1490702347.3628109!220x220.png" alt="">
                        <h4>悦米机械键盘</h4>
                        <p>铝合金机身,TTC红轴,87键</p>
                        <span>289元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1469523170.25518983!220x220.jpg" alt="">
                        <h4>多功能转接器</h4>
                        <span>149元</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>浏览更多</h3>
                        <p>电脑</p>
                        <i class="icon-arrow-right2"></i>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="#">
                        <img src="img/pms_1465366178.11466342!220x220.jpg" alt="">
                        <h4>米家恒温电水壶</h4>
                        <p>水温智能控制,304不锈钢内胆</p>
                        <span>199元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1506417289.23728408!220x220.jpg" alt="">
                        <h4>小米随身手电筒</h4>
                        <p>11档调光,随心而亮</p>
                        <span>79元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1472609961.95298675!220x220.jpg" alt="">
                        <h4>米家扫地机器人</h4>
                        <p>智能路径规划,扫得干净扫得快</p>
                        <span>1699元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1510020567.64467830!220x220.jpg" alt="">
                        <h4>小米米家空气净化器2S</h4>
                        <p>OLED显示屏/激光颗粒物传感器</p>
                        <span>899元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/T1OVC_ByY_1RXrhCrK!220x220.jpg" alt="">
                        <h4>米家压力IH电饭煲</h4>
                        <p>智能烹饪,灰铸铁粉体涂层内胆</p>
                        <span>999元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1496647119.81414190!220x220.jpg" alt="">
                        <h4>飞利浦智睿球泡灯</h4>
                        <p>自由调节亮度,Wi-Fi随时调控</p>
                        <span>49元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1495520422.36514041!220x220.jpg" alt="">
                        <h4>米家LED智能台灯</h4>
                        <p>无可视频闪,四种场景优化调光</p>
                        <span>169元</span>
                    </a>
                    <div class="mask">
                        <span class="comment">已安装好了，是不是很气派</span>
                        <span class="author"> 来自于 孙李 的评价 </span>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pms_1490756071.3088664!220x220.png" alt="">
                        <h4>Yeeling LE...</h4>
                        <span>379元</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>浏览更多</h3>
                        <p>家居</p>
                        <i class="icon-arrow-right2"></i>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="img_3">
    <img src="img/xmad_15486726890516_DZcbz.jpg" alt="">
</div>
</div>
</div>
<div class="footer_container">
    <div class="site_footer">
        <div class="footer_service">
            <ul>
                <li>
                    <a href="#"><i class="icon-wrench"></i>预约维修服务</a>
                </li>
                <li>
                    <a href="#"><i>7</i>7天无理由退货</a>
                </li>
                <li>
                    <a href="#"><i>15</i>15天免费换货</a>
                </li>
                <li>
                    <a href="#"><i class="icon-gift"></i>满150元包邮</a>
                </li>
                <li>
                    <a href="#"><i class="icon-location"></i>520余家售后网点</a>
                </li>
            </ul>
        </div>
        <div class="footer_link">
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="#">账户管理</a></dd>
                <dd><a href="#">购物指南</a></dd>
                <dd><a href="#">订单操作</a></dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">自助服务</a></dd>
                <dd><a href="#">相关下载</a></dd>
            </dl>
            <dl>
                <dt>线下门店</dt>
                <dd><a href="#">小米之家</a></dd>
                <dd><a href="#">服务网点</a></dd>
                <dd><a href="#">授权体验店</a></dd>
            </dl>
            <dl>
                <dt>关于小米</dt>
                <dd><a href="#">了解小米</a></dd>
                <dd><a href="#">加入小米</a></dd>
                <dd><a href="#">投资者关系</a></dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd><a href="#">新浪微博</a></dd>
                <dd><a href="#">官方微信</a></dd>
                <dd><a href="#">联系我们</a></dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd><a href="#">F码通道</a></dd>
                <dd><a href="#">礼物码</a></dd>
                <dd><a href="#">防伪查询</a></dd>
            </dl>
            <div class="col_contact">
                <p>400-100-5678</p>
                <p>周一至周日 8:00-18:00 </br>(仅收市话费)</p>
                <a href="#"><i class="icon-bubble"></i>联系客服</a>
            </div>
        </div>
    </div>
</div>
<div class="info_container">
    <div class="site_info">
        <div class="info_logo">
            <img src="img/mi-logo.png" alt="">
        </div>
        <div class="info_text">
            <p>
                <a href="#">小米商城</a>
                <a href="#">MIUI</a>
                <a href="#">米家</a>
                <a href="#">米聊</a>
                <a href="#">多看</a>
                <a href="#">游戏</a>
                <a href="#">路由器</a>
                <a href="#">米粉卡</a>
                <a href="#">政企服务</a>
                <a href="#">小米天猫店</a>
                <a href="#">隐私政策</a>
                <a href="#">商城用户协议</a>
                <a href="#">账号协议</a>
                <a href="#">问题反馈</a>
                <a href="#">廉政举报</a>
                <a href="#">诚信合规</a>
                <a href="#">Select Region</a>
            </p>
            <p>
                <a href="#">&copy;mi.com</a>
                京ICP证110507号
                <a href="#">京ICP备10046444号</a>
                <a href="#">京公网安备11010802020134号 </a>
                <a href="#">京网文[2017]1530-131号</a>
                <br>
                <a href="#">（京）网械平台备字（2018）第00005号</a>
                <a href="#">互联网药品信息服务资格证 (京) -非经营性-2014-0090</a>
                <a href="#">营业执照</a>
                <a href="#">医疗器械公告</a>
                <br>
                <a href="#">增值电信业务许可证</a>
                网络食品经营备案（京）【2018】WLSPJYBAHF-12
                <a href="#">食品经营许可证</a>
                <br>
                违法和不良信息举报电话：185-0130-1238
                <a href="#">知识产权侵权投诉</a>
                本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </p>
        </div>
        <div class="info_link">
            <a href="#"><img src="img/truste.png" alt=""></a>
            <a href="#"><img src="img/v-logo-2.png" alt=""></a>
            <a href="#"><img src="img/v-logo-1.png" alt=""></a>
            <a href="#"><img src="img/v-logo-3.png" alt=""></a>
            <a href="#"><img src="img/ba10428a4f9495ac310fd0b5e0cf8370.png" alt=""></a>
        </div>
        <p><img src="img/slogan2016.png" alt=""></p>
    </div>
</div>
<div class="modal_agree">
    <div class="modal_hd">
        <h3>协议声明</h3>
        <i class="icon-cross"></i>
    </div>
    <div class="modal_body">
        <div class="desc">
            <a href="#">《小米商城用户协议》</a>、
            <a href="#">《账号协议》</a>、
            <a href="#">《隐私政策》</a>
            <span>请您仔细阅读以上协议，其中有对您权利义务的特别约定等重要条款，同意后方可使用本软件</span>
        </div>
        <div class="con">
            <h2>隐私政策</h2>
            <p>我们的隐私政策已于 2018 年 4 月 25 日更新, 并将于 2018 年 5 月 25 日生效。如果您不同意这些更改，我们将会按照原有隐私政策对您进行保护。如果您不再希望使用我们的服务，您可以通过发送电子邮件至 privacy@xiaomi.com 取消您的帐户。 我们对隐私政策进行了修订，从该生效日期开始，除了特定的小米产品或服务提供独立的隐私政策以外，这一隐私政策将能够提供有关我们如何管理您在使用所有小米产品和服务时透露的个人信息的隐私详情。</p>
            <p>请花一些时间熟悉我们的隐私惯例，如果您有任何问题，请告诉我们。</p>
            <h3>我们向您承诺</h3>
            <p>本隐私政策规定了小米公司 及其关联公司（下文简称“小米”或“我们”）如何收集、使用、披露、处理和保护您使用我们位于 www.mi.com 、 en.miui.com 、 account.xiaomi.com 、MIUI 以及我们在移动设备上提供的应用程序套装的产品和服务时提供给我们的信息，有关这些应用程序的列表，请点击这里。若我们要求您提供某些信息，以便在使用小米产品和服务时验证您的身份，我们将仅严格遵守本隐私政策和/或我们的用户条款与条件来使用这些信息。</p>
            <p>本隐私政策在制定时充分考虑到您的需求，您全面了解我们的个人资料收集和使用惯例，而且确信自己最终能控制提供给小米的个人信息，这一点至关重要。</p>
            <p>在这项隐私政策中，“个人信息”指通过信息本身或通过与小米能够访问的个人的其他信息联系后能够识别特定个人的数据。此类个人信息包括但不限于您的财务信息，社交信息，设备或SIM卡相关信息，位置信息，登录日志信息。</p>
            <p>通过使用小米产品和服务，即表示您已阅读、认可并接受本隐私政策中所述之所有条款，并包括我们随时作出的任何变更。为满足适用的相关法律，包括您所在地的数据保护法规 （例如欧盟的一般数据保护条例），我们会特别寻求您明确的同意来对特殊类别的个人信息进行专项处理 （ 例如自动化决策）。同时我们承诺遵照适用的相关法律来保护您的个人信息的隐私、机密和安全，我们的全体员工和代理商都会同样履行这些义务。</p>
            <p>最后，我们所希望的就是为我们的用户带来最好的体验。如果您对这一隐私政策中概括的数据处理惯例有任何疑问，请通过 privacy@xiaomi.com 联系我们，以便我们处理您的特殊需求。 我们很高兴能直接处理您的问题。</p>
            <h3>收集哪些信息以及如何使用信息？</h3>
            <h4>收集的信息类别</h4>
            <p>为了向您提供我们的服务，我们会要求您提供向您提供服务所必需的个人信息。如果您不提供个人信息，我们可能无法向您提供我们的产品或服务。</p>
            <p>我们只会收集具有特定、明确及合法的目的所必需的信息，而不会以与这些目的不相符的方式进一步处理相关信息。我们收集以下各类信息（无论其是否为个人信息）：</p>
            <ul>
                <li>您提供给我们或上传的信息（包括您的联系方式）：我们可能收集您提供给我们的任一或所有个人信息，例如姓名、手机号码、电子邮箱地址、送货地址、身份证件信息、驾照信息、护照信息、小米帐号信息（例如您的安全相关信息、姓名、生日、性别）、订单、发票信息、您通过小米云或其他应用（例如相册、联系人列表）等同步的资料或数据、与创建帐户、参与 MIUI 论坛或其他小米平台相关的信息，您添加的联系人号码或发送的消息、反馈以及您提供给我们的任何其他信息。</li>
                <li>我们指定的与您相关的信息：我们可能收集并使用诸如小米帐号等信息。</li>
                <li>第三方服务提供商指定的与您相关的信息：我们可能会收集和使用第三方服务提供商分配的广告ID等信息。</li>
                <li>财务信息：与完成采购有关的信息。例如，银行账号，账户持有人姓名，信用卡号码等。</li>
                <li>社交信息：与您的社交活动相关的信息。例如，现任雇主，现任职称，教育背景，专业培训背景等。</li>
                <li>设备或 SIM 卡相关信息：与您的设备相关的信息。例如 IMEI 编号、IMSI 编号、MAC 地址、序列号、MIUI 版本及类型、安卓版本、安卓ID、屏幕显示信息、设备输入信息、设备制造商信息和型号名称、网络运营商、连接类型、硬件使用相关信息（例如电量使用情况、设备温度）。</li>
                <li>应用信息：与您的应用使用相关的信息。例如应用列表、应用状态记录（下载、安装、更新、删除）、应用ID信息、SDK版本、系统更新设置等。</li>
                <li>位置信息（仅适用于特定服务/功能）：与您的位置相关的各类信息。例如地区、国家代码、城市代码、移动网络代码、移动国家代码、小区标识、经纬度信息、时区设置和语言设置。</li>
                <li>登录日志信息：与您使用某些功能、应用和网站相关的信息。例如 cookie 和其他匿名标识符技术、IP 地址、网络请求信息、临时消息历史、标准系统日志、错误崩溃信息。</li>
                <li>其他信息：环境特征值 (ECV)（即从小米帐号、电话设备帐号、连接的 wi-fi 帐号和地理位置信息）</li>
            </ul>
            <h4>本次更新</h4>
            <p>我们对于“隐私政策 ”做出了如下几项主要修改：</p>
            <ul>
                <li>我们更新了收集的个人信息类型以及收集相关信息的目的，例如我们收集了硬件使用信息，以进行统计分析并优化您的设备的表现。</li>
                <li>我们更新了您在使用我们的产品及服务中可能涉及到的相关第三方产品及服务 内容。</li>
                <li>作为一家全球运营的公司，我们根据其他国家或地区生效的法律法规，调整了针对该国将或地区的相关保护规定。</li>
            </ul>
            <button id="download">下载协议</button>
        </div>
    </div>
    <div class="modal_bottom">
        <button id="disagree">不同意</button>
        <button id="agreeall">同意</button>
    </div>
</div>
<div class="modal_backdrop"></div>
</body>
</html>